﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>	
   <title>pictureshow</title>
	<script type="text/javascript" src="../../js-debug/jquery/jquery.js"> </script>
	<script type="text/javascript" src="../../js-debug/jquery/jquery-migrate.js"> </script>
	<script type="text/javascript" src="../../js-debug/jqueryui/jquery-ui.js"> </script>
	<script type="text/javascript" src="../../js-debug/ctp/public/ctp.core.js"></script>
	<script type='text/javascript' src='../../js-debug/ctp/public/ctp.base.js'></script> 
		<script type='text/javascript' src='../../js-debug/ctp/public/ctp.ui.component.js'></script>
  <script type="text/javascript" src="../../js-debug/ctp/public/jquery.ctp.jslog.js"></script>
  <script type="text/javascript" src="../../js-debug/ctp/public/jsextend.js"></script>  
	<script type="text/javascript" src="../../js-debug/ctp/pictureshow/ctp.ui.pictureshow.js"></script>	
	
	<link rel="stylesheet" type="text/css" href="../../css/skins/standard/ctp-common.css" />	
	<link rel="stylesheet" type="text/css" href="../../css/pictureshow.css" />	
	<script type="text/javascript">
    	
		var jsonData = {
			'picList':[
			   {'href':'','src':'images/1.jpg','text':'焦点图 b2'},
			   {'href':'','src':'images/2.jpg','alt':'网上有名'},
			   {'href':'','src':'images/3.jpg','text':'焦点图 b2'},
			   {'href':'','src':'images/4.jpg','alt':'网上有名'},
			   {'href':'','src':'images/1.jpg','alt':'网上有名','text':'焦点图 b4'},
			   {'href':'','src':'images/2.jpg','text':'焦点图 b2'},
			   {'href':'','src':'images/3.jpg','alt':'网上有名'},
			   {'href':'','src':'images/4.jpg','text':'焦点图 b2'},
			   {'href':'','src':'images/1.jpg','alt':'网上有名'},
			   {'href':'','src':'images/2.jpg','alt':'网上有名','text':'焦点图 b4'}				
			],

			'btnContent':[
				{'src':'images/btn_1.jpg'},
				{'src':'images/btn_2.jpg'},
				{'src':'images/btn_3.jpg'},
				{'src':'images/btn_4.jpg'},				
				{'src':'images/btn_1.jpg'},
				{'src':'images/btn_2.jpg'},
				{'src':'images/btn_3.jpg'},
				{'src':'images/btn_4.jpg'},
				{'src':'images/btn_1.jpg'},
				{'src':'images/btn_2.jpg'}
			]
			
			
		}
		
		var a;
			var b;
			$(document).ready(function(){ 	
         a=     new ctp.ui.pictureshow({
			  	data:jsonData,
				text:true			  });		
			   a.renderTo ('sog');       
        
      new ctp.ui.pictureshow({
			  	data:jsonData,
				text:true,
				renderTo :'bu'
			  });		
			   
			   });
    </script>
</head>
<body>
<div id="sog" style="height:250px;width:400px;"></div>
	<div id="bu" style="height:500px;width:800px;"></div></body>
</html>
